const as=document.querySelectorAll('.navbar a')
for(let i=0; i<as.length; i++){
    as[i].addEventListener('mouseenter',function(){
        document.querySelector('.navbar .active').classList.remove('active')
        this.classList.add('active')
        document.querySelector('.tab-content .active').classList.remove('active')
        document.querySelector('.tab-content .item:nth-child(${i+1})'.classList.add('active'))
    })
}